<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>贪吃蛇</title>
</head>

<body>
    <!--游戏主窗口-->
    <div id="main">
        <!--游戏舞台-->
        <div id="stage">
            <!--  设置蛇身体-->
            <div id="snake">
                <!-- snack 内部的盒子 表示蛇的身体各部分-->
                <!--  设置蛇的样式-->
                <div></div>
            </div>
            <!-- 设置食物-->
            <div id="food">
                <!--设计食物样式-->
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
        <!--  游戏记分牌-->
        <div id="score-panel">
            <div>SCORE:<span id="score">0</span></div>
            <a id="reset" href="javascript:location.reload();">重新开始</a>
            <div>level:<span id="level">1</span></div>
        </div>
    </div>
</body>

</html>